<div class="container-fluid">

    <div class="row">
        <div class="col-md-2">
            <!--Sidebar content-->

            Search: <input ng-model="query">
            Sort by:
            <select ng-model="orderProp">
                <option value="name">Alphabetical</option>
                <option value="case.individual.age">Age</option>
            </select>
{{query}}
        </div>
        <div class="col-md-10">
            <!--Body content-->
            <ul >
                <li ng-repeat="case in cases  | filter:query | orderBy:orderProp">
                    <a href="#/cases/{{case.service_id}}">Edit</a>
                    <span>{{case.displayName}}</span>

                    <input ng-model="case.displayName">
                    <input ng-model="case.individual.forenames"><a href="#/cases/{{case.service_id}}">{{case.displayName}}</a>
                    <span>{{case.individual.dob}}</span>
                </li>
            </ul>
{{cases}}
        </div>
    </div>
</div>